  <template>
    <div id='auth-apply-history'>
        
       
        <el-card class="box-card box-card-left">
            <div class="bcl-top">
                <el-select v-model="value" placeholder="请选择">
                    <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                </el-select>
                <!-- <el-input v-model="phone" class="inp" @change="keyupFn" placeholder="请输入内容" clearable></el-input> -->
                <input type="text" v-model="phone" placeholder="请输入内容" @keyup="keyupFn" class="searIpt">
                <!-- <el-button type="primary" class="btn" @click="search">搜索</el-button> -->
                <!-- <el-button type="primary" class="btn" @click="isSearch">高级搜索</el-button> -->
                  <el-popover
                      popper-class="aah_popper"
                      placement="bottom"
                      width="676"
                      :offset="0"
                      height="186"
                      v-model="isPopover"
                      trigger="click">
                          <ul  class="nav5">
                                  <li>
                                      <span>
                                        审核时间 :
                                      </span>
                                      <el-date-picker
                                        class="mrl"
                                        v-model="value4"
                                         @change="timechange"
                                        type="daterange"
                                        range-separator="至"
                                        value-format="yyyy-MM-dd"
                                        start-placeholder="开始日期"
                                        end-placeholder="结束日期">
                                      </el-date-picker>
                                  </li>
                                  <li class="mrt20">
                                      <span>
                                          审核方式 :
                                      </span>
                                        <el-select v-model="value1" placeholder="所有" class="mrl" @change="selectChange">
                                                <el-option
                                                    v-for="item in options1"
                                                    :key="item.value1"
                                                    :label="item.label"
                                                    :value="item.value1">
                                                </el-option>
                                        </el-select>
                                        <span class="mrl">
                                          审核结果 :
                                        </span>
                                        <el-select v-model="value2" placeholder="所有" class="mrl">
                                                <el-option
                                                    v-for="item in options2"
                                                    :key="item.value2"
                                                    :label="item.label"
                                                    :value="item.value2">
                                                </el-option>
                                        </el-select>
                                  </li>
                                  <li>
                                       <el-button type="primary" class="btn1" @click="search">搜索</el-button>
                                  </li>
                                </ul>
                      <el-button type="primary" class="btn3" slot="reference">高级搜索</el-button>
                    </el-popover>
                
                
            </div>
            <!-- <ul class="bcl-content">
                <loading v-show="loading"></loading>
                <li v-for="item in records" :id="item.id" @click="goAuthDetail(item.id)">
                    <span class="list1" style="text-algin:left;">
                        <span style="float:left; margin-left:16px;">
                            {{item.name}}
                        </span>
                        <span style="float:left;">
                            (111)
                        </span>
                    </span>
                    <span class="list2">
                            {{item.id}}
                    </span>
                </li>
            </ul> -->
            <loading v-show="isgoAuthDetail"></loading>
            <div v-show="!isgoAuthDetail">
                <el-table
            :data="records"
            @row-click="goAuthDetail"
            highlight-current-row
            :stripe="true"
            style="width: 100%">
              <el-table-column prop="name"></el-table-column>
              <el-table-column prop="source"></el-table-column>
              <el-table-column prop="mobile"></el-table-column>
              <el-table-column prop="operator"></el-table-column>
            </el-table>
            <el-pagination
            v-show="records.length"
            class="paga"
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :page-size="10"
              :pager-count="5"
              layout="total, prev, pager, next, jumper"
              :total="total"
              :background="true">
            </el-pagination>
            </div>
        </el-card>
        <el-card class="box-card box-card-right">
            <ul class="bcr-top">
                <li>
                    <img style="width:66px;height:66px;" src="../images/authPerson.jpg" alt="">
                </li>
                <li>
                    <div>触发风控规则</div>
                    <div class="mrt10">
                        <span>
                        是否触发黑名单:
                        </span>
                        <span :class="{red:authCheckUserDetailVO.controlRisk}">
                           {{authCheckUserDetailVO.controlRisk | booleanToStr}}
                        </span>
                    </div>
                    <!-- <div class="mrt10">触发风控规则</div> -->
                </li>
               <!--  <li>
                   <p>
                       <span>
                           借款金额:
                       </span>
                       <span>
                          {{ pageSize | toYuan}}
                       </span>
                   </p>
                   <p class="mrt10">
                       <span>
                           借款期限:
                       </span>
                       <span>
                           11
                       </span>
                   </p>
                   <p class="mrt10">
                       <span>
                           年利息:
                       </span>
                       <span>
                           {{ pageSize | toYuan}}
                       </span>
                   </p>
               </li> -->
               <li>
                   <!-- <p>
                       <span>
                            来源渠道:
                       </span>
                       <span>
                          {{ pageSize | toYuan}}
                       </span>
                   </p> -->
                   <p class="tit-a">
                       <span>
                           提交时间:
                       </span>
                       <a :title="authCheckUserDetailVO.submitTime">
                          {{authCheckUserDetailVO.submitTime || placeholder}}
                       </a>
                   </p>
                   <!-- <p class="mrt10">
                       <span>
                           年利息:
                       </span>
                       <span>
                           {{ pageSize | toYuan}}
                       </span>
                   </p> -->
               </li>
                <li v-show="authCheckUserDetailVO.status">
                    <div class="el-icon-check wh Success" v-if="authCheckUserDetailVO.status=='PASS'"></div>
                    <div class="el-icon-close wh Danger" v-if="authCheckUserDetailVO.status=='REJECT'"></div>
                </li>
            </ul>
            <div class="bcr-content">
                <el-tabs @tab-click="tabClick">
                  <el-tab-pane label="基本信息">
                    <loading v-show="isMsg"></loading>
                        <div class="jbxx" v-show="!isMsg">
                            <div class="cardBlack" v-show='authCheckUserDetailVO.isBlackUserRisk'>
                            命中黑名单
                        </div>
                      <p class='no-data' v-show="authCheckUserDetailVO==''">暂无数据</p>
                      <div class="showis" v-show="authCheckUserDetailVO!==''">
                      <div class="title">
                          个人基本信息
                      </div>
                          <ul class="nav beee">
                          <li>
                              <span>
                                  姓名:
                              </span>
                              <a :title="authCheckUserDetailVO.name">
                                  {{authCheckUserDetailVO.name || placeholder}}
                              </a>
                          </li>
                         <!--  <li>
                             <span>
                                 手机号:
                             </span>
                             <a :title="authCheckUserDetailVO.phone">
                                 {{authCheckUserDetailVO.phone || placeholder}}
                             </a>
                         </li> -->
                         <li>
                              <span>
                                  年龄:
                              </span>
                              <a :title="authCheckUserDetailVO.age">
                                 {{authCheckUserDetailVO.age || placeholder}}
                              </a>
                          </li>
                      </ul>
                      <ul class="nav">
                          <!-- <li>
                              <span>
                                  身份证号:
                              </span>
                              <a :title="authCheckUserDetailVO.idCard">
                                  {{authCheckUserDetailVO.idCard || placeholder}}
                              </a>
                          </li> -->
                          <li>
                              <span>
                                  Q Q号码:
                              </span>
                              <a :title="authCheckUserDetailVO.qqNum">
                                  {{authCheckUserDetailVO.qqNum || placeholder}}
                              </a>
                          </li>
                          <!-- <li>
                              <span>
                                  年龄:
                              </span>
                              <a :title="authCheckUserDetailVO.age">
                                 {{authCheckUserDetailVO.age || placeholder}}
                              </a>
                          </li> -->
                          <li>
                              <span>
                                  电子邮箱:
                              </span>
                              <a :title="authCheckUserDetailVO.email">
                                 {{authCheckUserDetailVO.email || placeholder}}
                              </a>
                          </li>
                      </ul>
                      <ul class="nav beee">
                          <!-- <li>
                              <span>
                                  身份证地址:
                              </span>
                              <a :title="authCheckUserDetailVO.address">
                                  {{authCheckUserDetailVO.address || placeholder}}
                              </a>
                          </li> -->
                          <li>
                              <span>
                                  身份证号:
                              </span>
                              <a :title="authCheckUserDetailVO.idCard">
                                  {{authCheckUserDetailVO.idCard || placeholder}}
                              </a>
                          </li>
                         <!--  <li>
                             <span>
                                 芝麻分:
                             </span>
                             <a :class="{red:authCheckUserDetailVO.zhimaScore}" :title="authCheckUserDetailVO.zhimaScore">
                                 {{authCheckUserDetailVO.zhimaScore || placeholder}}
                             </a>
                         </li> -->
                         <li>
                             <span>
                                 手机号:
                             </span>
                             <a :title="authCheckUserDetailVO.phone">
                                 {{authCheckUserDetailVO.phone || placeholder}}
                             </a>
                         </li>
                      </ul>
                     
                      <!-- <div class="title title1">
                          银行卡信息
                      </div> -->
                       <ul class="nav">
                          <li>
                              <span>
                                  现居住地址:
                              </span>
                              <a :title="authCheckUserDetailVO.addressNow">
                                  {{authCheckUserDetailVO.addressNow || placeholder}}
                              </a>
                          </li>
                      </ul>
                      <ul class="nav beee">
                          <!-- <li>
                              <span>
                                  银行卡号:
                              </span>
                              <a :title="authCheckUserDetailVO.cardNo">
                                  {{authCheckUserDetailVO.cardNo || placeholder}}
                              </a>
                          </li> -->
                          <li>
                              <span>
                                  身份证地址:
                              </span>
                              <a :title="authCheckUserDetailVO.address">
                                  {{authCheckUserDetailVO.address || placeholder}}
                              </a>
                          </li>
                          <li>
                             <span>
                                 芝麻分:
                             </span>
                             <a :class="{red:authCheckUserDetailVO.zhimaScore}" :title="authCheckUserDetailVO.zhimaScore">
                                 {{authCheckUserDetailVO.zhimaScore || placeholder}}
                             </a>
                         </li>
                          <!-- <li>
                              <span>
                                  开户行:
                              </span>
                              <a :title="authCheckUserDetailVO.bankName">
                                  {{authCheckUserDetailVO.bankName || placeholder}}
                              </a>
                          </li> -->
                      </ul>
                       <ul class="nav">
                          <li>
                              <span>
                                  申请IP:
                              </span>
                              <a :title="authCheckUserDetailVO.ip">
                                  {{authCheckUserDetailVO.ip || placeholder}}
                              </a>
                          </li>
                          <li>
                              <span>
                                  申请地址:
                              </span>
                              <a :title="authCheckUserDetailVO.locate">
                                  {{authCheckUserDetailVO.locate || placeholder}}
                              </a>
                          </li>
                      </ul>
                      <ul class="nav beee">
                          <!-- <li>
                              <span>
                                  银行卡认证姓名:
                              </span>
                              <a :title="authCheckUserDetailVO.userName" class="lasta">
                                  {{authCheckUserDetailVO.userName || placeholder}}
                              </a>
                          </li>
                          <li>
                              <span>
                                  银行卡预留手机号:
                              </span>
                              <a :title="authCheckUserDetailVO.phone" class="lasta">
                                  {{authCheckUserDetailVO.phone || placeholder}}
                              </a>
                          </li> -->
                          <li>
                              <span>
                                  单位名称:
                              </span>
                              <a :title="authCheckUserDetailVO.companyName" class="lasta">
                                  {{authCheckUserDetailVO.companyName || placeholder}}
                              </a>
                          </li>
                          <li>
                              <span>
                                  单位地址:
                              </span>
                              <a :title="authCheckUserDetailVO.companyAddress" class="lasta">
                                  {{authCheckUserDetailVO.companyAddress || placeholder}}
                              </a>
                          </li> 
                      </ul>
                      <!-- <div class="title title1">
                          照片信息
                      </div> 
                      <ul class="nav nav2">
                          <li class="img" @click='setCurrentImg(authCheckUserDetailVO.cardFront)'><img :src="authCheckUserDetailVO.cardFront"></li>
                          <li class="img" @click='setCurrentImg(authCheckUserDetailVO.cardBack)'><img :src="authCheckUserDetailVO.cardBack"></li>
                          <li class="img" @click='setCurrentImg(authCheckUserDetailVO.cardGroup)'><img :src="authCheckUserDetailVO.cardGroup"></li>
                      </ul>-->
                      <div class="title title1">
                          社会关系
                      </div> 
                      <ul class="nav beee">
                          <li>
                              <span>
                                  关系人姓名:
                              </span>
                              <a :title="authCheckUserDetailVO.relationNameFirst">
                                  {{authCheckUserDetailVO.relationNameFirst || placeholder}}
                              </a>
                          </li>
                          <li>
                              <span>
                                  与本人关系:
                              </span>
                              <a :title="authCheckUserDetailVO.userRelationFirst">
                                  {{authCheckUserDetailVO.userRelationFirst || placeholder}}
                              </a>
                          </li>
                      </ul>
                       <ul class="nav ">
                          <li>
                              <span>
                                  电话号码:
                              </span>
                              <a :title="authCheckUserDetailVO.relationMobileFirst">
                                  {{authCheckUserDetailVO.relationMobileFirst || placeholder}}
                              </a>
                          </li>
                      </ul>
                      <ul class="nav beee">
                          <li>
                              <span>
                                  关系人姓名:
                              </span>
                              <a :title="authCheckUserDetailVO.relationNameSecond">
                                  {{authCheckUserDetailVO.relationNameSecond || placeholder}}
                              </a>
                          </li>
                          <li>
                              <span>
                                  与本人关系:
                              </span>
                              <a :title="authCheckUserDetailVO.userRelationSecond">
                                  {{authCheckUserDetailVO.userRelationSecond || placeholder}}
                              </a>
                          </li>
                      </ul>
                       <ul class="nav ">
                          <li>
                              <span>
                                  电话号码:
                              </span>
                              <a :title="authCheckUserDetailVO.relationMobileSecond">
                                  {{authCheckUserDetailVO.relationMobileSecond || placeholder}}
                              </a>
                          </li>
                      </ul>
                      </div>
                    </div>
                  </el-tab-pane>
                  <el-tab-pane label="运营商信息">
                     <loading v-show="isMsgs"></loading>
                       <div class="yysxx" v-show="!isMsgs">
                            <!--  <div class="red mrl10 fw600" v-show="authCheckUserDetailVO.callRecordRisk">
                                                        通话记录命中触发黑名单
                                                    </div> -->
                         <p class='no-data' v-show='authCheckUserDetailVO==""'>暂无数据</p>
                          <div class="showid" v-show='authCheckUserDetailVO!==""'>
                              <ul class="nav" >
                                  <li>
                                      <span>
                                          运营商报告:
                                      </span>
                                      <a class="alink" target="_self" :title="authCheckUserDetailVO.reportUrl" :href="authCheckUserDetailVO.reportUrl" style="width:100px;">
                                          {{ck || placeholder}}
                                      </a> 
                                  </li>
                              </ul>
                          </div>
                       </div>
                  </el-tab-pane>
                  
                  
                </el-tabs>
            </div>
        </el-card>
        <!-- 图片处理 -->
         <image-view
            v-if='currentImg'
            :show='show_modal_img' 
            :url='currentImg'
            @close='show_modal_img = false'>
        </image-view>
       

    </div>
</template>
<script>
    import { Promise } from 'es6-promise'
    import footerBar from '../components/FooterBar.vue'
    import selectGroup from '../components/SelectGroup.vue'
    import selectOption from '../components/SelectOption.vue'
    import radioGroup from '../components/RadioGroup.vue'
    import datePicker from '../components/DatePicker.vue'
    import areaSelect from '../components/AreaSelect.vue'
    import radio from '../components/Radio.vue'
    import loading from '../components/Loading.vue'
    import tabBox from '../components/TabBox.vue'
    import tab from '../components/Tab.vue'
    import checkBox from '../components/CheckBox.vue'
    import toolTip from '../components/ToolTip.vue'
    import modal from '../components/Modal.vue'
    import confirm from '../components/Confirm.vue'
    import imageView from '../components/ImageView.vue'
    import buttonLoading from '../components/ButtonLoading.vue'
    import dateFormat from '../filters/filter-dateFormat'
    import toYuan from '../filters/filter-toYuan'
    import  { mapGetters, mapActions }  from 'vuex'
    import { addLenderValidation, resetAccountPasswordValidation, operatorEditValidation } from '../validation/validation'
    import { loanApi, authApi, allApi, lenderApi } from '../api/api'
    import moment from 'moment'


    export default {
        components:{
            footerBar,
            selectGroup,
            selectOption,
            radioGroup,
            tabBox,
            tab,
            radio,
            checkBox,
            areaSelect,
            loading,
            toolTip,
            modal,
            confirm,
            buttonLoading,
            imageView,
            datePicker
        },
        filters:{
            dateFormat,
            toYuan,
            booleanToStr(boolean){
                if(boolean === true){
                    return '是'
                }
                else if(boolean === false){
                    return '否'
                }else{
                    return '--'
                }
            }
        },
        data() {
            return {
                options: [{
                  value: '1',
                  label: '姓名'
                }, {
                  value: '2',
                  label: '手机号'
                }],
                options1:[
                {
                  value1: null,
                  label: '所有'
                },{
                  value1: '1',
                  label: '人工'
                }
                ,{
                  value1: '2',
                  label: '自动'
                }
                ],
                options2:[
                {
                  value2: null,
                  label: '所有'
                },{
                  value2: '1',
                  label: '通过'
                }
                ,{
                  value2: '2',
                  label: '拒绝'
                },{
                  value2: '3',
                  label: '错误'
                }
                ],
                value1:null,
                value2:null,
                value:"2",
                input:"",
                currentPage4:1,
                pageSize:10,
                pageIndex:1,
                pageIndexright:1,
                totalright:0,
                type:0,
                phone:"",
                loading:false,
                records:[],
                isUpload:0,
                id:null,
                info:{},
                placeholder:"--",
                show_modal_img:false,
                currentImg:"",
                sessionId:"",
                total:0,
                show_confirm_pass:false,
                loading_pass:false,
                show_modal_reject:false,
                loading_reject:false,
                rejectReason:"",
                tableData: [],
                basicStatus:"",
                idCardStatus:'',
                mobileStatus:'',
                contactStatus:'',
                time:null,
                msgTime:null,
                searchTime:null,
                isRecords:false,
                submitTime:"",
                statusStr:"",
                value4:"",
                isTrue:false,
                startTime:"",
                endTime:"",
                authCheckUserDetailVO:{},
                isgoAuthDetail:false,
                isMsg:false,
                isMsgs:false,
                isPopover:false,
                timeId:null,
                empty:"111",
                ck:"查看",
                currentRow: null,
            }
        },
        computed:{
            ...mapGetters([
                'msgTip',
                'localInfo'
            ]),
            basicInfo(){
                return this.info.report && this.info.report.basicInfo || {}
            },
            idCardInfo(){
                return this.info.report && this.info.report.idCardInfo || {}
            },
             deviceConfig(){
                return this.info.report && this.info.report.deviceConfig || {}
            },
            cardInfo(){
                return this.info.report && this.info.report.cardInfo || {}
            },
            mobileInfo(){
                return this.info.report && this.info.report.mobileInfo || {}
            },
            zhimaScore(){
                return this.info.report && this.info.report.zhimaScore || ""
            },
            
        },
        methods:{
            // actions
            ...mapActions([
                'showLoading',
                'hideLoading',
                'setMsgTip'
            ]),
            //时间选择
            timechange(val){
              //console.log(val)
              if(val){
                  this.startTime=val[0];
                   this.endTime=val[1];
                   console.log(this.startTime)
              }else{
                  this.startTime="";
                  this.endTime="";
              }
            },
            //高级搜索显示隐藏
            isSearch(){
                if(this.isTrue){
                    this.isTrue=false;
                }else{
                  this.isTrue=true;
                }
            },
            //tabs
            tabClick(item){
                console.log(item.label)
                if(this.isRecords){
                    if(item.label=="通讯录"){
                    this.getContact()
                  }
                }
                
            },
            //审核通过
            pass(){
                let params = {
                    basicStatus:this.basicStatus,
                    idCardStatus:this.idCardStatus,
                    mobileStatus:this.mobileStatus,
                    contactStatus:this.contactStatus,
                }
                if(!authApplyDetailValidation(params)) return
                    this.loading_pass = true
                authApi.pass({
                    id:this.id,
                    basicStatus:this.basicStatus,
                    idCardStatus:this.idCardStatus,
                    mobileStatus:this.mobileStatus,
                    contactStatus:this.contactStatus,
                })
                .then(result=>{
                    this.loading_pass = false
                    this.show_confirm_pass = false
                })
                .catch(error => {
                    console.error(error)
                    this.loading_pass = false
                })
            },
            handleCurrentChangesss(val){
                this.currentRow = val;
            },
            //认证申请通讯录
            getContact(){
                loanApi.getContact({
                    id:this.id,
                    pageSize:10,
                    pageIndex:this.pageIndexright,
                })
                .then(result=>{
                    console.log(result.totalCount)
                    this.tableData = result.records;
                    this.totalright=result.totalCount
                    //this.loading_contact = false
                })
                .catch(error => {
                    console.error(error)
                    //this.loading_contact = false
                })
            },
            //审核拒绝
            rejectHandle(){
                     let params = {
                    basicStatus:this.basicStatus,
                    idCardStatus:this.idCardStatus,
                    mobileStatus:this.mobileStatus,
                    contactStatus:this.contactStatus,
                }
                if(!authApplyDetailValidation(params)) return

                this.loading = true
                if(this.isUpload){
                    authApi.blackListRiskUpload({
                        id:this.id,
                        idAddressGPSRisk:JSON.stringify(this.idCardInfo.idAddressGPSRisk),
                        normalDeviceGPSRisk:JSON.stringify(this.basicInfo.normalDeviceGPSRisk),
                        dubiousDeviceGPSRisk:JSON.stringify(this.basicInfo.dubiousDeviceGPSRisk),
                        mobileRisk:this.basicInfo.mobileRisk,
                        idnumberRisk:this.idCardInfo.idNumberRisk,
                        mobileRecordRisk:this.mobileInfo.callRecordRisk
                    })
                    .then(result=>{

                    })
                    .catch(error => {
                        console.error(error)
                    })
                }
                authApi.reject({
                    id:this.id,
                    basicStatus:this.basicStatus,
                    idCardStatus:this.idCardStatus,
                    mobileStatus:this.mobileStatus,
                    contactStatus:this.contactStatus,
                    rejectReason:this.rejectReason,
                })
                .then(result=>{
                    this.info = result
                    this.loading = false
                    this.show_modal_reject = false
                    //this.$router.back()
                })
                .catch(error => {
                    console.error(error)
                    this.loading = false
                })
            },
            keyupFn(value){
                clearTimeout(this.timeId)
                this.timeId=setTimeout(()=>{
                        this.initList()
                },800)
            },
            selectChange(){
          
            },
            //搜索
            search(){
                if(this.searchTime){
                    if((new Date().getTime())-this.searchTime>200){
                        this.pageIndex=1;
                        if(this.isPopover){
                            this.isPopover=false;
                        }else{
                          this.isPopover=true;
                        }
                        this.initList()
                    }
                }
                
            },
           
            //详情展示
            goAuthDetail(row, event, column){
                if(this.msgTime){
                    if((new Date().getTime())-this.msgTime>200){
                        this.authCheckUserDetailVO=""
                        this.msgTime=new Date().getTime();
                        this.id=row.id;
                         let msg={
                          id:this.id,
                        }
                        this.isMsg=true;
                        this.isMsgs=true;
                        authApi.detailNew(msg)
                        .then(result=>{
                            this.isMsg=false;
                            this.isMsgs=false;
                            this.authCheckUserDetailVO=result
                            //触发风控规则
                            this.controlRisk=result.controlRisk
                        })
                        .catch(error => {
                            console.error(error)
                            this.isMsg=false;
                            this.isMsgs=false;
                        })
                        
                    }
                }
            },
            //左边分页
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.pageIndex=val;
                this.initList()
            },
            //右边分页
            handleSizeChangeRight(){
                console.log(`当前页: ${val}`);
            },
             handleCurrentChangeRight(val) {
                console.log(`当前页: ${val}`);
                this.pageIndexright=val;
                this.getContact()
            },
            //return false
            returnFn(item){
              console.log(item)
               
                if(item==""){
                  return false;
                }else if(item ==undefined){
                 return false; 
                }else{
                  return true;
                }
            },
            returnFn(){
                this.startTime=""
                this.endTime=""
                this.value1=""
                this.value2=""
            },
            //搜索列表的接口
            initList(){
                let message=""
                let msg={
                    pageSize:this.pageSize,
                    pageIndex:this.pageIndex,
                    name:this.phone,
                    stringDateFrom:this.startTime,
                    stringDateTo:this.endTime,
                    authBy:this.value1,
                    autoAuthStatus:this.value2,
                }
                let msg1={
                    pageSize:this.pageSize,
                    pageIndex:this.pageIndex,
                    phone:this.phone,
                    stringDateFrom:this.startTime,
                    stringDateTo:this.endTime,
                    authBy:this.value1,
                    autoAuthStatus:this.value2,
                }
                if(this.value==1){
                     message=msg
                }else if(this.value==2){
                     message=msg1
                }
                this.isgoAuthDetail=true
                this.isMsg=true
                this.isMsgs=true
                authApi.historyCheckListNew(message)
                .then(result=>{
                    if(result){
                      this.isgoAuthDetail=false
                      this.isMsg=false
                      this.isMsgs=false
                      this.isRecords=true
                      this.loading = false
                     if(!this.returnFn(result.page.list)){
                        this.records=[];
                     }
                     if(!this.returnFn(result.AuthCheckUserDetailVO)){
                        this.authCheckUserDetailVO="";
                     }
                      this.records = result.page.list
                      for(var j = 0; j<this.records.length; j++){
                          if(this.records[j].name == undefined || this.records[j].name == ""){
                              this.records[j].name="--"
                          }
                          if(this.records[j].source == undefined || this.records[j].source == ""){
                              this.records[j].source="--"
                          }
                          if(this.records[j].mobile == undefined || this.records[j].mobile == ""){
                              this.records[j].mobile="--"
                          }
                          if(this.records[j].operator == undefined || this.records[j].operator == ""){
                              this.records[j].operator="--"
                          }
                      }
                      //this.records=[];
                      this.searchTime=new Date().getTime();
                      this.total=result.page.totalRow
                      if(this.records.length){
                        if(!result.AuthCheckUserDetailVO.idCardBlackRisk){
                          this.basicStatus=1
                        }else{
                          this.basicStatus=0
                        }
                        //运营商
                        //通话记录命中黑名单
                        if(!result.AuthCheckUserDetailVO.callRecordRisk){
                          this.mobileStatus=1
                        }else{
                          this.mobileStatus=0
                          this.mobileStatusUpload=true
                        }
                        //身份信息状态
                        //idCardBlackRisk 身份证
                        if(!result.AuthCheckUserDetailVO.idCardBlackRisk){
                          this.idCardStatus=1
                        }else{
                          this.idCardStatus=0
                          this.idCardStatusUpload=true
                        }
                        //通讯录状态
                        //手机号是否命中黑名单
                        if(!result.AuthCheckUserDetailVO.mobileBlackRisk){
                          this.contactStatus=1
                        }else{
                          this.contactStatus=0
                          this.contactStatusUpload=true
                        }

                        //触发风控规则
                        this.controlRisk=result.AuthCheckUserDetailVO.controlRisk
                          //详情存储
                          this.authCheckUserDetailVO=result.AuthCheckUserDetailVO
                          this.id=this.records[0].id;
                          this.msgTime=new Date().getTime();
                      }
                    }else{
                        this.isRecords=false
                    }
                })
                .catch(error => {
                    console.error(error)
                    this.loading = false
                })
            },
             setCurrentImg(img){
                this.currentImg = img
                this.show_modal_img = true
            },
            
        },
        mounted(){
            
        },
        created(){
          this.initList();

          this.sessionId=localStorage.getItem("51SjdAdmin_sessionId")
        }
    }
</script>
<style>
    .tab .cell{
        color:#333;
    }
    .tab .el-table thead{
        color:#333;
    }
    .nav5 .el-date-editor--daterange.el-input__inner{
      width: 390px!important;
      height: 44px;
    }
    .nav5 .el-input__inner{
      height: 44px;
      line-height: 44px;
    }
    .box-card-left .el-table::before{
        height: 0;
    }
    #auth-apply-history .el-table__header-wrapper{
      padding: 0;
      height: 0;
    }
    #auth-apply-history .el-table__body tr.current-row>td{
        background-color: rgba(64,158,255,.15) ;
    }
</style>
<style lang="scss" scoped>
    @import "../sass/variables";
    @import "../sass/extends";
    @import "../sass/mixins";

    .searIpt{
      box-sizing:border-box;
      color:#606266;
      outline: none;
      border:1px solid #dcdfe6;
      width:150px;
      height:44px;
      margin-left:10px;
      text-indent: 20px;
    }
    .searIpt:focus{
      border:1px solid #409eff;
    }
    .btn3{
        width:96px;
        height:44px;
        line-height:18px;
        text-align: center;
        font-size: 16px;
        padding:0;
        margin-left:10px;
    }
    .nav-mt{
      margin-top:40px;
    }
    .btn1{
      position: absolute;
      right:46px;
      top:30px;
      width:96px;
      height:44px;
      padding:0;
      line-height:44px;
      font-size: 16px;
    }
    .search{
      padding:30px 0px 0px 30px;
      position: absolute;
      top:130px;
      left:10px;
      z-index:1000;
      width:676px;
      height:186px;
      background:#fff;
      border:1px solid #e4e7ed;
      box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
      -webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
    }
    .alink:hover{
      color:#3399ff;
    }
    .Danger{
        margin-top:8px; 
    }
     #auth-apply-wait{
        font-weight:normal;
    }
    .tab .cell{
        color:#333;
    }
    .cardBlack{
        color:red;
        margin-bottom:-22px;
        font-weight:600;
        padding-left:14px;
    }
    .pan{
        margin-top:20px;
    }
    .img{
        overflow:hidden;
        display: block;
        width: 30%;
        flex:1;
        position: relative;
        padding-top:25%;
        background-color: $sectionColor;
        img{
            width: 100%;
            height:132px;
            position: absolute;
            top:0;
            left:0;
        }
    }
    .nav{
        display:flex;
        min-height:36px;
        width:100%;
    }
    .beee{
        background:#eee;
    }
    .nav li{
        width: 342px;
        float:left;
        min-height:36px;
        position: relative;
        text-align:left;
        line-height:36px;
        width:46%;
        padding-left:20px;
        span{
            margin-right:10px;
            float: left;
            height: 100%;
        }
    }
    .nav li span,a{
      //position: absolute;
      //overflow: hidden;
      //width: 150px;
    }
    .nav li a{
      width: 100px;
      left:150px;
      cursor: pointer;
      //white-space: nowrap;  
      /*文字超出用省略号*/  
      //text-overflow:ellipsis;  
    }
    .nav .sminw{
        left:150px;
    }
    .nav .sminw1{
        left:138px;
    }
    .title{
        margin:40px 0 20px 15px;
        font-weight:600;
    }
    .bcr-content{
        width:90%;
        min-height:400px;
        margin:0 auto;
    }
    .Danger{
        background:#F56C6C;
        border-radius:50%;
    }
    .Success{
        background:#67C23A;
        border-radius:50%;
    }
    .wh{
        display:block;
        width:28px;
        height:28px;
        text-align:center;
        line-height:28px;
        font-size:16px;
        color:#fff;
        cursor: pointer;
    }
    .mrt10{
        margin-top:10px;
    }
    .mrt20{
      margin-top:20px;
    }
    .red{
        color:red;
    }
    .bcr-top li{
        float:left;
        height:66px;
        color:#333;
    }
    .bcr-top li:nth-child(1){
        width:66px;
        background:#eee;
    }
    .bcr-top li:nth-child(2){
        margin-left:15px;
        min-width:150px;
    }
    .bcr-top li:nth-child(3){
        min-width:150px;
        margin-left:5%;
    }
    .bcr-top li:nth-child(4){
        margin-left:40px;
    }
    .bcr-top{
        width:90%;
        min-width:600px;
        height:86px;
        margin:0 auto;
    }
    .bcl-top{
        position:relative;
        //min-width:400px;
        width: 500px;
    }
    .paga{
         margin-top:20px;
    }
    .list1,.list2{
        float:left;
        width:50%;
        text-align:center;
    }
    .list2{
        color:#5b5bf4;
    }
    .bcl-content li{
        width:100%;
        height:56px;
        line-height:56px;
        border-bottom:1px solid #eee;
        margin-top:10px;
    }
    .btn{
        width:96px;
        height:44px;
        margin-left:10px;
        padding:0;
        line-height:44px;
        font-size: 16px;
        span{
            position:relative;
            top:-10px;
        }
    }
    .inp{
        width:150px;
        height:44px;
        margin-left:10px;
    }
    .el-select-dropdown__item{
        height:44px!important;
    }
    #auth-apply-wait{
        font-size:16px;
        width::100%;
        height:100%;
    }
    body .sub-router{
        display:flex;
        padding:0;
    }
    .box-card-right{
      overflow-y:scroll; 
    }
    .box-card-left,.box-card-right{
        float:left;
        color:#333;
    }
   @media screen and(max-width: 1600px){ 
        .box-card-left{
            height:100%;
            width:565px;
            min-width:565px;
            margin:0!important;
            margin-left:40px!important;
            margin-top:50px!important;
        }
        .box-card-right{
        //flex:2;
        //width:68%;
        min-width:565px;
        width:565px;
        margin:0!important;
        margin-top:50px!important;
        margin-left:40px!important;
        height:100%;
       }
      /*  .eltable{
         cursor: move; 
      }  */
       .nav{
        height:36px;
      }
       .nav li{
          height:36px;
          position: relative;
       }
       .nav li span,a{
            float: left;
       }
       .nav li a{
        left:120px;
          white-space: nowrap; 
          overflow: hidden; 
      /*文字超出用省略号*/  
      text-overflow:ellipsis;  
       }
       .nav li .lasta{
           left:120px;
       }
       .tit-a{
        float: left;
       }
       .tit-a a{
           display: block;
       }
       .tit-a span{
        display: block;
       }
       .tit-a a{
          margin-top:10px;
       }
       .box-card-left .el-table{
          height:538px;
          overflow-y:scroll; 
       }
    }
   @media screen and(min-width: 1600px){ 
        .box-card-left{
            height:100%;
            width:700px;
            margin:0!important;
            margin-left:40px!important;
            margin-top:50px!important;
            overflow-y:scroll; 
        }
        .box-card-right{
        //flex:2;
        //width:68%;
        overflow-y:scroll; 
        width:900px;
        margin:0!important;
        margin-top:50px!important;
        margin-left:40px!important;
        height:100%;
       }
        .nav{
        min-height:36px;
      }
       .nav li{
          min-height:36px;
          position: relative;
          min-width:310px;
          span{
            float:left;
            height:100%;
            margin-right:10px;
          }
          a{
            float:left;
            min-width:210px;
            height:100%;
          }
       }
       .box-card-left .el-table{
          max-height:650px;
          overflow-y:scroll; 
       }
    }
    @media screen and(min-width: 2000px){ 
        .box-card-left{
            height:100%;
            width:800px;
            margin:0!important;
            margin-left:40px!important;
            margin-top:50px!important;
        }
        .box-card-right{
        //flex:2;
        width:68%;
        //width:1000px;
        margin:0!important;
        margin-top:50px!important;
        margin-left:40px!important;
        height:100%;
       }
       .nav li{
          min-height:36px;
          position: relative;
          min-width:350px;
          span{
            float:left;
            height:100%;
            margin-right:10px;
          }
          a{
            float:left;
            width:70%;
          }
       }
       .box-card-left .el-table{
          max-height:750px;
          overflow-y:scroll; 
       }
    }
   .title1{
    margin-top:20px;
   }
   .nav2{
        height:130px;
        display:flex;
   }
   .nav2 li{
        flex:1;
        float:left;
        width:200px;
        height:130px;
        background:#eee;
        margin-left:10px;
   }
   .nav2 li:nth-child(1){
    margin-left:0px;
   }
   .mrl{
    margin-left: 10px;
   }
</style>